<template>
	<view class="page">
		<nav-header></nav-header>
		<!-- 占位 -->
		<view class="place"></view>
		<!-- 轮播图 -->
		<index-swiper :swiperList="swiperList"></index-swiper>
		<!-- 分类轮播图 -->
		<index-icons :iconList="iconList"></index-icons>
		<!-- 占位2 定位信息 必游榜单 -->
		<index-place2></index-place2>
		<!-- 热门榜单 -->
		<index-weekhot :scenicSpotList="scenicSpotList"></index-weekhot>
		<!-- 猜你喜欢 -->
		<index-like :likeList="likeList"></index-like>
		<!-- 查看所有产品-->
		<view class="viewall">查看所有产品</view>
		<!-- 周末去哪儿 -->
		<index-weekendgo :weekendgoList="weekendgoList"></index-weekendgo>
	</view>
</template>

<script>
	import navHeader from './componets/nav-header.vue'
	import indexSwiper from './componets/swiper.vue'
	import indexIcons from './componets/icons.vue'
	import indexPlace2 from './componets/place2.vue'
	import indexWeekhot from './componets/weekhot.vue'
	import indexLike from './componets/like.vue'
	import indexWeekendgo from './componets/weekendgo.vue'
	
	export default {
		components:{
			navHeader,
			indexSwiper,
			indexIcons,
			indexPlace2,
			indexWeekhot,
			indexLike,
			indexWeekendgo
		},
		data() {
			return {
				//轮播
				swiperList:[
					{sid:0,src:'自定义src0',img:'http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/26c9b54e3e02d3724f614883d77a62c6.jpg_750x200_57aa8efa.jpg'},
					{sid:1,src:'自定义src1',img:'http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20194/dacf6fc7c805984ab5813f2e8f91ce54.jpg_750x200_07cbbc5a.jpg'},
					{sid:2,src:'自定义src2',img:'http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/534106663f424042868365167e4a66ff.jpg_750x200_3ec12f21.jpg'}
				],
				//分类
				iconList: [
						{ cat_id: 1, img: 'http://img1.qunarzz.com/piao/fusion/1803/95/f3dd6c383aeb3b02.png', title: '景点门票' },
						{ cat_id: 2, img: 'http://img1.qunarzz.com/piao/fusion/1804/5a/13ceb38dcf262f02.png', title: '一日游' },
						{ cat_id: 3, img: 'http://img1.qunarzz.com/piao/fusion/1804/ff/fdf170ee89594b02.png', title: '成都必游' },
						{ cat_id: 4, img: 'http://img1.qunarzz.com/piao/fusion/1803/e3/67df61427c8e1302.png', title: '川剧变脸' },
						{ cat_id: 5, img: 'http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/a40ee278d67000f2a29d2e20f6a029b3.png', title: '自然风光' },
						{ cat_id: 6, img: 'http://img1.qunarzz.com/piao/fusion/1803/50/26ffa31b56646402.png', title: '亲子游' },
						{ cat_id: 7, img: 'http://img1.qunarzz.com/piao/fusion/1803/95/8246f27355943202.png', title: '游乐场' },
						{ cat_id: 8, img: 'http://img1.qunarzz.com/piao/fusion/1803/54/35899492b1302802.png', title: '熊猫基地' },
						{ cat_id: 10, img: 'http://img1.qunarzz.com/piao/fusion/1803/76/eb88861d78fb9902.png', title: '动植物园' },
						{ cat_id: 11, img: 'http://img1.qunarzz.com/piao/fusion/1803/bd/9f7b9b2b60c1502.png', title: '成都赏花' }
				],
				scenicSpotList: [
					{id:1,img:'http://img1.qunarzz.com/sight/p0/201309/24/977fea7b3c5cd758c8d65eac.jpg_250x250_145eeeb5.jpg',name:'成都大熊猫繁育基地',price:'19.8'},
					{id:2,img:'http://img1.qunarzz.com/sight/p0/201407/03/a584374ee80b738e2600d6bcaf1299e3.jpg_250x250_986e4594.jpg',name:'都江堰',price:'38'},
					{id:3,img:'http://img1.qunarzz.com/sight/p0/1706/c4/c4b6c51a2ac942cfa3.img.jpg_250x250_24fa639b.jpg',name:'花舞人间',price:'89'},
					{id:4,img:'http://img1.qunarzz.com/sight/p0/1809/6d/6de192f67ebc1470a3.img.jpg_250x250_443bdd9c.jpg',name:'漫花庄园',price:'40'},
					{id:5,img:'http://img1.qunarzz.com/sight/p0/1510/35/354c1ba2d51ba83d90.img.jpg_250x250_52366d7b.jpg',name:'成都浣花溪公用',price:'47'},
					{id:6,img:'http://img1.qunarzz.com/sight/p0/201309/24/977fea7b3c5cd758c8d65eac.jpg_250x250_145eeeb5.jpg',name:'成都大熊猫繁育基地',price:'19.8'},
					{id:7,img:'http://img1.qunarzz.com/sight/p0/201407/03/a584374ee80b738e2600d6bcaf1299e3.jpg_250x250_986e4594.jpg',name:'都江堰',price:'38'},
					{id:8,img:'http://img1.qunarzz.com/sight/p0/1706/c4/c4b6c51a2ac942cfa3.img.jpg_250x250_24fa639b.jpg',name:'花舞人间',price:'89'},
					{id:9,img:'http://img1.qunarzz.com/sight/p0/1809/6d/6de192f67ebc1470a3.img.jpg_250x250_443bdd9c.jpg',name:'漫花庄园',price:'40'},
					{id:10,img:'http://img1.qunarzz.com/sight/p0/1510/35/354c1ba2d51ba83d90.img.jpg_250x250_52366d7b.jpg',name:'成都浣花溪公用',price:'47'}
				],
				likeList: [
					{id:1,img:'http://img1.qunarzz.com/sight/p0/1809/1f/1f39774291457a42a3.img.jpg_200x200_e2d8001d.jpg',name:'石象湖',value:5,commentNum:3118,price:'80',address:'浦江县'},
					{id:2,img:'http://img1.qunarzz.com/sight/p0/1612/1d/1d9a740c1f9e0efaa3.img.jpg_200x200_63285bd9.jpg',name:'成都海昌极地海洋公园',value:5,commentNum:33594,price:'198',address:'双流县'},
					{id:3,img:'http://img1.qunarzz.com/sight/p0/1706/c4/c4b6c51a2ac942cfa3.img.jpg_200x200_2805e881.jpg',name:'花舞人间',value:5,commentNum:3636,price:'89',address:'新津县'},
					{id:4,img:'http://img1.qunarzz.com/sight/p0/1706/c4/c4b6c51a2ac942cfa3.img.jpg_200x200_2805e881.jpg',name:'漫花庄园',value:5,commentNum:2227,price:'40',address:'新都区'},
					{id:5,img:'http://img1.qunarzz.com/sight/p0/201309/24/977fea7b3c5cd758c8d65eac.jpg_200x200_697c3b3f.jpg',name:'成都大熊猫繁育基地',value:5,commentNum:134119,price:'19.8',address:'成华区'},
					{id:6,img:'http://img1.qunarzz.com/sight/p0/1505/b0/b0132e78efa00572.water.jpg_200x200_3f499a59.jpg',name:'青城山',value:5,commentNum:19583,price:'78',address:'都江堰市'}
				],
				weekendgoList: [
					{id:1,img:'http://img1.qunarzz.com/sight/source/1505/a2/78e4dbcfd45a6d.jpg_r_640x214_7a62b06a.jpg',category:'成都必打卡',comment:'成都的标志，也是现代人对老成都的记忆'},
					{id:2,img:'http://img1.qunarzz.com/sight/source/1811/65/7322301be0a92c.jpg_r_640x214_a3485c55.jpg',category:'摩崖石刻造像',comment:'诸事不顺，来抱佛脚，中国最壮观的大佛大盘点~来一场真正的“佛”系之旅，乐山大佛是首选'},
					{id:3,img:'http://img1.qunarzz.com/sight/source/1505/63/0ffcb5c329a19c.jpg_r_640x214_93fd1e5a.jpg',category:'成都文艺范儿',comment:'《成都》唱火了这里，其实这儿不只有酒馆，还有很多文艺爆棚的地方'},
					{id:4,img:'http://img1.qunarzz.com/sight/source/1505/e2/2a63e38b84bc8e.jpg_r_640x214_679f0d37.jpg',category:'玩转主题乐园',comment:'乐园，与青春作伴'}
				],
				"headerPosition": "fixed"
			}
		},
		onLoad() {
			setTimeout(function () {
				console.log('start pulldown');
			}, 1000);
			uni.startPullDownRefresh();
		},
		onPullDownRefresh() {
			console.log('refresh');
			setTimeout(function () {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		onReachBottom() {
			console.log("reach bottom");
		},
		methods: {
			toSwiper(swiper) {
				console.log(swiper)
			},
			//更新分类指示器
			categoryChange(event) {
				this.currentPageindex = event.detail.current;
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F7F7F7;
	}
	.place{
		/*  #ifdef  APP-PLUS  */
		margin-top: var(--status-bar-height);
		/*  #endif  */
		height: 88upx;
	}
	.viewall{
		display: block;
		width: 100%;
		height: 85upx;
		text-align: center;
		margin-top: 5upx;
		font-size: 28upx;
		padding-top: 40upx;
		background-color: #fcfcfc;
		color: #00afc7;
	}
</style>
